$(function () {
    // $(".main").load("../pages/personal.html");
    loadPageHash();
    // 监听hash是否发生改变
    window.onhashchange = loadPageHash;

    //根据hash动态加载主体的html片段
    function loadPageHash() {
        var hash = location.hash;
        if (hash == "") {
            hash = "#home";
        }
        switch (hash) {
            case "#home":
                $(".main").load("../../pages/home.html");
                break;
            case "#borrow":
                $(".main").load("../../pages/borrow.html");
                break;
            case "#invest":
                $(".main").load("../../pages/invest.html");
                break;
            case "#personal":
                // $(".main").load("../../pages/personal.html");
                // 调用函数
                loadPersonalHash("#personal/getuserinfo");
                break;
            // 个人中心二级hash页面加载--更新用户资料
            case "#personal/updateuser":
                // 法1，刷新的时候得先加载personal的页面，然后才能加载personal/updateuser.html
                // $(".main").load("../../pages/personal.html", function () {
                //     $(".personal-right").load("../../pages/personal/updateuser.html");
                // });

                //  法②

                // if ($(".personal-right").length) {
                //     //点击，没有刷新
                //     $(".personal-right").load("../../pages/personal/updateuser.html");
                // } else {
                //     //刷新了
                //     $(".main").load("../../pages/personal.html", function () {
                //         $(".personal-right").load("../../pages/personal/updateuser.html");
                //     });
                // }
                loadPersonalHash(hash);
                break;
            // 个人中心二级hash页面加载--获取账户信息
            case "#personal/getuserinfo":
                // 法①
                // $(".main").load("../../pages/personal.html", function () {
                //     $(".personal-right").load("../../pages/personal/getuserinfo.html");
                // });

                // // 法②
                // if ($(".personal-right").length) {
                //     //点击，没有刷新
                //     $(".personal-right").load("../../pages/personal/getuserinfo.html");
                // } else {
                //     //刷新了
                //     $(".main").load("../../pages/personal.html", function () {
                //         $(".personal-right").load("../../pages/personal/getuserinfo.html");
                //     });
                // }
                loadPersonalHash(hash);
                break;
            case "#personal/borrow_apply":
                loadPersonalHash(hash);
                break;
            default:
                $(".main").load("../../pages/404.html");
                break;
        }
        activeNav(hash);
    }


    //个人中心加载二级hash页面封装函数
    function loadPersonalHash(hash) {
        console.log(hash.substr(1))
        if ($(".personal-right").length) {
            //点击，没有刷新
            $(".personal-right").load("../../pages/" + hash.substr(1) + ".html", function () {
                activePersonal(hash);
            });
        } else {
            //刷新了
            $(".main").load("../../pages/personal.html", function () {
                $(".personal-right").load("../../pages/" + hash.substr(1) + ".html");
                activePersonal(hash);
            });
        }

    }



    // 个人中心左侧导航的active
    function activePersonal(hash) {
        $(".list-group-item ul li a").removeClass("active");
        $('.list-group-item ul li a[href="' + hash + '"]').addClass("active");
    }

    // 激活导航的active
    function activeNav(hash) {
        // 解决点击个人中心左侧的导航条，然后刷新页面的时候上面的导航条会跟着对应
        // console.log(hash.includes("#personal"));  true or false
        if (hash.includes("#personal")) hash = "#personal";


        // 先把所有的给消除
        $(".content-nav .nav-item a").removeClass("active");
        $('.content-nav .nav-link[href="' + hash + '"]').addClass("active");
    }
    // 判断是否登陆
    islogin();
    function islogin() {
        var username = localStorage.getItem("username");
        var uid = localStorage.getItem("uid");
        if (username && uid) {
            $(".login-text").html(' <a class="nav-link" href="">' + username + '</a>');
            $(".reg-text").html(' <a class="nav-link" href="#" id="login-out"> 注销</a > ');
        } else {
            $(".login-text").html(' <a class="nav-link" href="./login.html">登陆</a>');
            $(".reg-text").html(' <a class="nav-link" href="./register.html">注册</a>');
        }
        //注销 事件委派
        $(".reg-text").on("click", "#login-out", function () {
            if (confirm("是否要退出登录？")) {
                localStorage.removeItem("username");
                localStorage.removeItem("uid");
                $(".login-text").html(' <a class="nav-link" href="./login.html">登陆</a>');
                $(".reg-text").html(' <a class="nav-link" href="./register.html">注册</a>');
            }
            return false;
        })
    }

})